<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>淘宝网-淘我喜欢!</title>
    <link rel="stylesheet" type="text/css" href="../css/header.css" />
    <link rel="stylesheet" type="text/css" href="../css/footer.css" />
    <link rel="stylesheet" type="text/css" href="../css/base-clear.css" />
    <link rel="stylesheet" href="../css/settlement.css">
</head>
<body>
    <!-- 导航栏 -->
    <div class="header-container"></div>
    <div class="set-main">
        <div class="set-contain">
            <div class="set-top">
                <img src="../img/settlement/1.png">
                <div class="set-adddress">
                    <h3>确认收货地址</h3>
                    <a href="#">管理收货地址</a>
                </div>
                <div class="set-box">
                    <img src="../img/settlement/2.png">
                    <input type="radio" checked>
                    <span>
                        四川省 成都市 武侯区 自定义街道 高升桥南街7号 （麻烦精 收）191****1234 默认地址
                    </span>
                    <a>修改本地址</a>
                </div>
                <div class="set-middle">
                    <div>
                        <input type="radio">
                        <span>
                            四川省 不重要市 不重要县 不重要街道 不重要路124号一单元1-1 （麻烦精 收）191****1234 
                        </span>
                        <a>设置为默认收货地址</a>
                    </div>
                    <div>
                        <input type="radio">
                        <span>
                            四川省 成都市 高新区 不重要街道 锦江大道不重要路不重要小区 （麻烦精 收）191****1234 
                        </span>
                        <a>设置为默认收货地址</a>
                    </div>
                    <div>
                        <input type="radio">
                        <span>
                            四川省 成都市 天府新区 不重要街道 不重要南街7号 （麻烦精 收）191****1234 
                        </span>
                        <a>设置为默认收货地址</a>
                    </div>
                </div>
                <img class="set-img" src="../img/des001.JPG">
                <img class="set-bottom-img" src="../img/des002.jpg">
                <div class="set-footer">
                    <a href="./ShoppingCart.html">
                        <img src="../img/settlement/5.png">
                    </a>
                    <a href="http://127.0.0.1:2113/html/shoppingCart.html" class="set-a">
                        <img src="../img/settlement/6.png">
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 尾部区域 -->
    <div class="footer-container"></div>
    <script src="../js/ajax.js"></script>
    <script src="../libs/jquery.min.js"></script>
    <script src="../libs/require.js"></script>
    <script>
        $('.header-container').load('./header.html')
        $('.footer-container').load('./footer.html')
    </script>
    <script>
        let a = document.querySelector('.set-a')
        a.onclick=function(){
            alert('购买成功！')
        }
    </script>
</body>
</html>